<template>
    <el-menu text-color="#C0CED9" background-color="#304156">
        <el-menu-item index="1"><router-link to="/home">首页</router-link></el-menu-item>
        <el-menu-item index="2">渠道酬金管理</el-menu-item>
        <el-submenu index="3">
            <template slot="title">业务办理</template>
            <el-menu-item index="1-1">挂在用户</el-menu-item>
            <el-menu-item index="1-2">业务使用</el-menu-item>
        </el-submenu>
        <el-menu-item index="4">酬金申请</el-menu-item>
        <el-submenu index="5">
            <template slot="title">酬金政策管理</template>
            <el-menu-item index="1-1">酬金政策维护</el-menu-item>
            <el-menu-item index="1-2">条件类型管理</el-menu-item>
            <el-menu-item index="1-3">政策模板配置</el-menu-item>
        </el-submenu>
        <el-submenu index="6">
            <template slot="title">酬金结果报表</template>
            <el-menu-item index="1-1">酬金层级报表</el-menu-item>
            <el-menu-item index="1-2">酬金明细</el-menu-item>
        </el-submenu>
        <el-submenu index="7">
            <template slot="title">酬金结果管理</template>
            <el-menu-item index="1-1">酬金审核</el-menu-item>
            <el-menu-item index="1-2">酬金调账</el-menu-item>
        </el-submenu>
        <el-submenu index="8">
            <template slot="title">同步数据</template>
            <el-menu-item index="1-1">酬金发放反馈</el-menu-item>
            <el-menu-item index="1-2">税率配置</el-menu-item>
        </el-submenu>
    </el-menu>
</template>

<script>
    export default {
        name:"LeftMenu",
    }
</script>

<style scoped>
    a{
        color: white;
        text-decoration: none;
    }

    .el-menu-item.is-active{
        color: white;
    }
    .el-menu-item{
        height: 60px;
        line-height: 60px;
    }
    .el-menu{
        text-align: left;
        letter-spacing: 1px;
        border: 0;
        border-right-width: 0;
    }
</style>